import React from 'react';
import {View, Text, Navigator} from '@tarojs/components'
import './live-bar.scss'

const LiveBar: React.FC<{roomId: number}> = (props) => {
  return (
    <Navigator className='go-live-box' url={'plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=' + props.roomId}>
      <View className='go-live-icon'>
        <View className='loader'>
          <View className='line line1' />
          <View className='line line2' />
          <View className='line line3' />
        </View>
      </View>
      <Text>看讲解</Text>
    </Navigator>
  )
}

LiveBar.defaultProps = {
  roomId: 0,
}

export default LiveBar
